哈喽，大家好，我是FEZ98. 由于今天需要实现一个小项目中的场景转换效果，于是使用了Animator简单的实现了这个需求，同时也与大家分享一下今日的收获，如果哪里有错误，还望朋友们指正。 使用动画实现简单的场景转换的思路是向场景中添加一个专门处理转换效果的Image(UGUI)，同时向其添加一个Animator，向Aniamtor中加入两个State，一个设置为Set as Layer Defalut State，即默认状态，播放进入场景后需要的效果，另一个则设置为关闭场景需要的效果，添加一个转换，并设置相应的参数，这样当我们加载下一场景时，只需要在脚本中设置相应的参数即可调用关闭场景需要的效果。

首先我们需要制作一个GameObject用来存放场景转换效果所需对象与脚本，同时可以单独加一个Camera用来单独显示转换特效。如下图：

向LevelLoader中添加一个Canvas，命名为Crossfade，添加一个Image，命名为Mask_Img，这个将这个Image设置为全黑色，如下： 此时，我们可以通过Animator来直接控制Image的Color的Alpha来调整该图片的透明度，使其实现逐渐透明的效果，这样就可以实现淡出淡出的效果。 可是，如果直接通过控制Alpha来调整透明度，如果后续我们需要在该场景转换效果中添加一些文本或者图片，那么就要单独设置这些新添加的组件的透明度，这样就会很麻烦。因此，我们可以像Mask_Img中添加一个Canvas Group组件，之后把需要添加的组件作为Mask_Img的子节点，那么我们就可以避免做一些多余的工作了。 为Mask_Img添加一个Text子组件，然后直接控制Canvas Group，就可以看到效果了。如下图：

扩展： Canvas Group可集中控制整组 UI 元素的某些方面，而无需单独处理每个元素。画布组的属性会影响所在的游戏对象以及所有子对象。

回到正文，在添加完Mask_Img后，我们就可以通过Animator控制其Canvas Group来制作动画了，在Hierarchy选中Crossfade对象，按下Ctrl+6打开Animation。 之后将其命名为Crossfade_End，即创建了一个Animator Clip，同时Unity会自动为我们创建一个名为Crossfade的Animator Controller，并将添加到Crossfade自动添加的Animator组件中。 单击 Animation Record按钮进入动画录制模式，当然也可单击Preview按钮进入预览模式。之后在时间轴中选中1:00的位置，这串数字第一个代表秒，第二个代表帧，1:00即是1秒和60帧。 之后将Mask_Img的Canvas Group中的Alpha值由1变成0，即完成了淡入场景转换的动画效果。 之后我们可以先单击选中0:00处的关键帧，按住Shift再单击1:00处的关键帧，按Ctrl+C进行复制。之后创建一个新的Animation Clip，命名为Crossfade_Start。 再将两个关键帧的位置调转，这样我们就完成了Crossfade_Start的制作。 打开Crossfade Animator Controller进入Animator界面，在这里我们就要设置由动画转换状态了，添加一个’Trigger’参数，命名为Start，用来控制在转换场景时通知Animator播放Crossfade_Start效果。 之后从Crossfade_End右键单击Make Transition指向Crossfade_Start，同时对Transition进行以下设置 之后我们将Crossfade_End和Crossfade_Start的Loop Time取消勾选，因为我们只需要它们播放一次即可。 好了，这样我们就完成了淡入淡出的动画转场特效。当然现在还无法在场景中真正的应用，因为还缺少控制脚本，我们会在第三部分讲到同步与异步加载场景的控制脚本。

首先我们用Photoshop制作一张如下的png图片。 之后，同上述步骤一样，创建一个名为CircleWipe的Canvas，之后将椭圆形图片加入其中，并使其能完全覆盖住CircleWipe。 之后将其拖到右侧，使其无法显示在CircleWipe中。 我们创建一个Aniamtor Override Controller，其作用是扩展Animator Controller，从而可以使我们使用新的动画替换掉原Animator Controller中使用的动画，但保留其原始结构，参数与逻辑。 之后将其添加到CircleWipe的Animator中 下面我们制作一个椭圆形由Canvas中间向左侧移动的动画名为CircleWipe_End。

接着我们复制CircleWipe_End的关键帧，同时进行反转，注意这里要将0:00关键帧Position取反，使其从右侧移动到中心。 之后，我们进行CircleWipeAnimator Override Controller的设置，将CrossfadeAnimator Controller作为原控制器，之后使用我们新制作的两个动画进行替换即可。 这样我们就完成了圆形擦除场景转换效果的制作。

对于Logo旋转场景转换的效果步骤大体与圆形擦除一致，以下是LogoRotate_End与LogoRotate_Start的Animation Clip。

这部分我们会在异步加载场景的过程中添加场景转换效果。 首先，我们将Crossfade的Animator设置如下 其中Crossfade_Idle是一个什么都不发生的动画。

因为每次新创建一个场景，我们都需要将LevelLoader预制体添加到场景中会比较麻烦，因此我考虑使用单例模式加上DontDestroyOnLoad方法，这样在第一次加载后，LevelLoader就不会被销毁，在后续新添加的场景中自然也不用添加LevelLoader了。之后，我们还希望使用一个LevelLoader就可以使用不同的场景转换动画，这样可以方便我们进行后续新的场景转换动画的添加与使用。于是我们需要添加一个用于控制不同场景转换动画的脚本。

之后，我们用一个测试脚本进行方法的调用。

最终效果如下：

扩展 背景图片移动

好啦，以上就是我今天想要分享的内容啦~ 我是FEZ98：https://blog.csdn.net/weixin_43057990 原创不易，若转载请注明出处，感谢大家~ 喜欢我的可以点赞、关注、收藏，最后希望能够对大家有所帮助！